<script setup>
import mapComponents from './components/map.vue';
import swipper from './components/swipper.vue';
import notice from './components/noice.vue';
import about from './components/about.vue';
import store from './components/store.vue'
import func from './components/functions.vue'
</script>

<template>
  <div class="home-view">
    <swipper class="component" />
    <mapComponents class="component" />
    <notice class="component" />
    <store class="component" />
    <func class="component" />
    <about class="component" />

  </div>
</template>

<style>
.home-view {
  display: flex;
  flex-direction: column; /* 垂直排列组件 */
  align-items: center; /* 中心对齐 */
  justify-content: flex-start; /* 向上对齐 */
  min-width: 1420px;
  width: 1040px;
  height: 100%;
  margin-top: 10px; /* 顶部间距 */
}


</style>